﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfRegDealer.aspx.cs" Inherits="msBsc.WebUi.Custom.wfRegDealer" %>

<!DOCTYPE HTML>
<html>
<head runat="server">
    <meta charset="gbk" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta name="spm-id" content="" />
    <title></title>
    <link rel="shortcut icon" href="/themes/Style1/Image/favicon.ico"
        type="image/x-icon" />
    <link title="KOKO" href="http://g.tbcdn.cn/mui/global/1.2.35/file/search.xml"
        type="application/opensearchdescription+xml" rel="search" /> 
    <link rel="stylesheet" href="/??themes/Style1/StyleQt.css,themes/Style1/reg2.css," />  
    <script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jBPage.js,themes/Style1/jsQt.js" type="text/javascript"></script>
    <!--head fix rgn--> 
    <script type="text/javascript">  
        if (LS.get("CURR_REG_MAIL") && LS.get("CURR_REG_MAIL") != '') {
            window.location.href = '/c_RegMailSend.htm';
        }
        $(window).load(function () {
            $.ploadFile("Tip", function (script, textStatus) {
                $('#J_Email').poshytip({
                    content: "<span style='font-weight:bold;' class='f14'>←请输入正确的邮箱地址</span>",
                    //                    content: "请输入正确的邮箱地址！",
                    //                    className: 'tip-green',
                    showOn: 'none',
                    alignTo: 'target',
                    alignX: 'right',
                    alignY: 'center',
                    offsetX: 5,
                    showTimeout: 100
                });
                $('#J_CheckCodeContainer').poshytip({
                    content: "<span style='font-weight:bold;' class='f14'>←请照图中的数字输入验证码</span>",
                    //                    content: "请输入正确的邮箱地址！",
                    //                    className: 'tip-green',
                    showOn: 'none',
                    alignTo: 'target',
                    alignX: 'right',
                    alignY: 'center',
                    offsetX: 5,
                    showTimeout: 100
                });
            });
            $("#J_Email").blur(function () {
                doValidateReg(this.id);
            }).focus(function () {
                $(this).poshytip('show');
            });
            $("#J_CheckCodeInput").blur(function () {
                doValidateReg(this.id);
            }).focus(function () {
                $("#J_CheckCodeContainer").poshytip('show');
            });
            jQuery.getValidateImg('J_CheckCodeContainer');

            $("#J_BtnEmailForm").click(function () {
                if (doValidateReg()) {
                    var _jsParam = new jsonRow();
                    _jsParam.AddCell("ACTION", "REGIST_STEP1");
                    _jsParam.AddCell("EMAIL", $("#J_Email").val());
                    _jsParam.AddCell("VALIDATE_CDE", $("#J_CheckCodeInput").val());
                    ajaxComm(_jsParam);
                }
            });
        });
        function doValidateReg(ctId) {
            var blRight = true;
            if (!ctId || ctId == "J_Email") {
                var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+(com|cn)$/);
                if (!patten.test($("#" + "J_Email").val())) {
                    showValidateMsg("J_Email", "请输入正确的邮箱地址！", true);
                    blRight = false;
                } else {
                    showValidateMsg("J_Email", "", false);
                }
            }
            if (!ctId || ctId == "J_CheckCodeInput") {
                $.ValidateImgCode($("#" + "J_CheckCodeInput").val(), function (rethtml) {
                    if (!rethtml || rethtml != '1') {
                        showValidateMsg("J_CheckCodeContainer", "请输入正确的验证码！", true);
                        blRight = false;
                    } else {
                        showValidateMsg("J_CheckCodeContainer", "", false);
                    }
                });
            }
            return blRight;
        };
        function showValidateMsg(msgId, msgtxt, blErr) {
            if (blErr) {
                $('#' + msgId).poshytip('update', "<span style='color:red;font-weight:bold;' class='f14'>" + msgtxt + "</span>").poshytip('show');
            } else {
                $('#' + msgId).poshytip('update', "<span style='color:blue;font-weight:bold;' class='f14'>√</span>").poshytip('show');
            }
        };
    </script>
    <base target="_blank" />
</head>
<body> 
    <div id="mallPage" class="tms-page mallAct tmall-  page-not-market">
        <!-- -->
        <!--商城通用顶通-->
        <%=new msBsc.WebUi.Code.QtHtmlGet().GetHeaderTopHtml()%>
        <%=new msBsc.WebUi.Code.QtHtmlGet().GetHeaderLogoHtml()%>
<div class="page lang-zh-S">

		 
		

		<div class="steps">
	<ol>
		<li class="active"><i>1</i><span class="tsl" data-phase-id="r_p_createAccount">设置登录名</span></li>
		<li><i>2</i><span class="tsl" data-phase-id="r_p_fillUserInfo">填写账户信息</span></li>
		<li><i class="iconfont">㑇</i><span class="tsl" data-phase-id="r_p_regSuc">注册成功</span></li>
	</ol>

			
	</div>
	
	<div class="content">
		<div class="form-list form-main-list">
			<form id="J_EmailForm" method="post" action="#">
				<div class="from-group">
						<div class="form-item">
							<span class="form-label form-label-b tsl" data-phase-id="r_ui_enterPwdTip">使用邮箱注册</span>
							<span class="tsl" data-phase-id="r_ui_pwdTip"></span>
						</div>
					<div class="form-item">
						<span class="form-label tsl" data-phase-id="r_p_email">电子邮箱</span>
						<input class="form-text" id="J_Email" name="email" type="text" value=""  />
					</div>
					
										<div class="form-item form-item-checkcode">
						<span class="form-label tsl" data-phase-id="r_p_imgChkCode">验证码</span>
						<input id="J_CheckCodeInput" name="imgChkcode" class="form-text checkcode-text" type="text" value="" />
						<div id="J_CheckCodeContainer" class="checkcode-container"  title="请输入验证码！"></div> 
					</div>
				</div>
				<div class="form-group">
					<div class="form-item">
						<input class="form-checkbox" type="checkbox" name="" id="J_Agreement" checked />
						
<label for="J_Agreement" class="f12 tsl" data-phase-id="r_p_agreementTip">
	同意<a href="/c_RegAgreement.htm" target="_blank">《KOKO服务协议》</a>
</label>

					</div>
					<div class="form-item form-item-short">
						<button type="button" class="btn btn-large tsl" data-phase-id="r_p_next" id="J_BtnEmailForm">下一步</button> 
					</div>
					<div class="form-item f12 tsl" data-phase-id="r_1e_useMobileTip">
					<%--	没有邮箱？<a href="http://reg.taobao.com/member/reg/fill_mobile.htm">使用手机号注册&gt;</a>--%>
					</div>
					</div>
				</form>
			</div>
		</div> 
</div>

        <%=new msBsc.WebUi.Code.QtHtmlGet().GetFloorHtml()%> 
    </div>
    <!-- foot script --> 
</body>
</html>
